<%@page import="java.util.ArrayList"%>
<%@page import="condominio.modelo.Tema"%>
<%@page import="condominio.modelo.Usuario"%>
<!DOCTYPE html>
<html>
<head>

	<meta charset="utf-8">	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	
    <title>Llaveros</title>
	
	<script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap-3.3.2.min.js"></script>

	<link href="css/bootstrap-3.3.2.min.css" rel="stylesheet">	
	<link href="css/bootstrap-theme-3.3.2.min.css" rel="stylesheet">
	<link href="css/offcanvas.css" rel="stylesheet">	
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    
    
    <style>
    
    .enlace-sesion{
    margin-right:11px; 
    }
    .enlace-menu{
    margin-right:13px;
    color:#245DC1;
    }
    
    .enlace-menu2{
    margin-left:10px;
    color:#444449;
    }
    
    #menu-sec{
    border-bottom:1px #EEEEEE solid;  
    }
    
    #sha{
    -webkit-box-shadow: 0px 0px 18px 0px rgba(48, 50, 50, 0.48);
    -moz-box-shadow:    0px 0px 18px 0px rgba(48, 50, 50, 0.48);
    box-shadow:         0px 0px 18px 0px rgba(48, 50, 50, 0.48);
  	}
  	#titulo{
  	text-align: center;
  	}
    </style>
    
    <script>
		function myFunction(int a)
		{
			request.setAttribute("INDEX",a);
			request.getRequestDispatcher("juntaBuscarPorDniUsuario.jsp").forward(request,response);
		}
</script>
</head>
<body>
	<!--Primer Contenerdor logo Google y botón Crear cuenta-->  
	<div class="container-fluid well">
	    <div class="row">
	      <!--Columna logo con imágen responsive-->
		    <div class="col-xs-3 col-sm-3 col-sm-offset-1 col-md-2 col-md-offset-2 col-lg-2 col-lg-offset-3">
		      <img src="img/Logo2.png" class="img-responsive">
		    </div>
	        <!--columna link iniciar sesión solo es visible en xs-->
		    <div class="col-xs-4 visible-xs">
		      <small><a href="#">Iniciar sesión</a></small>
		    </div>
	        <!--columna botón crear cuenta solo es visible en xs-->
	        <div class="col-xs-3 visible-xs">
	          <button type="button" class="btn btn-primary">Ingresar</button>
	        </div>
	        <!--columna link y boton solo son visibles en sm md lg-->
	        <div class="col-sm-4 col-sm-offset-3 visible-sm visible-md
	         visible-lg col-md-4 col-md-offset-4 col-lg-4 col-lg-offset-3">
	          <small><a href="#" class="enlace-menu">Iniciar sesión</a></small>
	            <button type="button" class="btn btn-primary">Ingresar</button>
	        </div>
	        
	    </div>
	</div>
	<!--Fin del primer contenedor-->
	
	<!--Segundo contenedor menu secundario-->
	<div class="bs-example">
    <nav id="navbar-example" class="navbar navbar-default navbar-static">
      <div class="container-fluid">
        <div class="navbar-header">
          <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-example-js-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project Name</a>
        </div>
        <div class="collapse navbar-collapse bs-example-js-navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Residentes
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="MantResisdente.jsp">Mantenimiento de Resisdentes</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroResidente.jsp">Registro de Resisdentes</a></li>
                <li role="presentation" class="divider"></li>
              </ul>
            </li>
            <li class="dropdown">
              <a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Viviendas
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="MantViviendas.jsp">Mantenimiento de Viviendas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroVivienda.jsp">Registro de Viviendas</a></li>
                <li role="presentation" class="divider"></li>
              </ul>
            </li>
             <li class="dropdown">
              <a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Cuotas
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="ColocacionCuotas.jsp">Colocacion de Cuotas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="PagoDeCuotas.jsp">Pago de Cuotas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="ConsultaMorosos.jsp">Consulta de Morosos</a></li>
                <li role="presentation" class="divider"></li>
              </ul>
            </li>
              <li class="dropdown">
              <a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Condominio
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="ReservaEspacio.jsp">Registro de Espacio Común</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroVisitas.jsp">Registro de Invitados</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="Registrodetalleinvitado.jsp">Lista de Invitados</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroQueja.jsp">Registro de Quejas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroJunta.jsp">Registro de Juntas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="MensajeriaInterna.jsp">Mensajeria</a></li>
                <li role="presentation" class="divider"></li>
              	
              </ul>
            </li>
          </ul>
          
        </div><!-- /.nav-collapse -->
      </div><!-- /.container-fluid -->
    </nav> <!-- /navbar-example -->
  </div> 
	<!--Fin del segundo contenedor-->
	
	
	
	<div class="container" id="sha">

      <!-- Example row of columns -->
     <div class="row col-md-12">
			<form action="juntaBuscarPorDniUsuario" method="post" class="form-horizontal col-md-12">
				<div class="form-group">
					<h1 id="titulo" class="col-sm-12">Registro de Juntas</h1><br><br>
				</div>
  				<div class="form-group">
    				<label class="col-sm-3 control-label">Nombre Evento</label>
    				<div class="col-sm-5">
      					<input type="text" class="form-control" placeholder="Nombre del evento" name="txtNombre">
    				</div>
  				</div>
  				
  				<div class="form-group">
    				<label class="col-sm-3 control-label">Fecha</label>
    				<div class="col-sm-5">
      					<input type="date" class="form-control" name="txtFecha">
    				</div>
  				</div>
  				
  				<div class="form-group">
	    			<label class="col-sm-3 control-label">Hora</label>
				    <div class="col-sm-5">
				      <input type="time" class="form-control" value="20:30:00" step="1" name="txtHora">
				    </div>
  				</div>
  				
				<div class="form-group">
				    <label class="col-sm-3 control-label">Dirigentes de la junta</label>
				    <div class="col-sm-5">
				      <input type="number" class="form-control" placeholder="DNI" name="txtDirigente">
				    </div>
				    <div class="col-sm-3">
				      <button type="submit" class="btn btn-info glyphicon glyphicon-plus" name="accion" value="AgrDirigente"></button>
				    </div>
				</div>
				
				<div class="form-group">
					<label class="col-sm-3 control-label"></label>
					<div class="col-md-2 "></div>
					
					<div class="table-responsive col-md-8 ">
						<table class="table table-bordered table-condensed table-hover">
							<tr class="info">
							  <th class="col-md-2">#</th>
							  <th class="col-md-2">DNI</th>
							  <th class="">Dirigente de la Junta</th>
							  <th class="col-md-2">Eliminar</th>
							</tr>
							<% ArrayList<Usuario> listDirigentes = (ArrayList<Usuario>)request.getAttribute("LISTA_DIRIGENTES");%>
							<%if (listDirigentes!=null)
							{	int a = 0;
		 						for(Usuario dirigent: listDirigentes)
		 						{   a++;%>
									<tr class="">
										<td class=""><%=a%></td>
										<td class=""><%=dirigent.getDni()%></td>
										<td><%=dirigent.getNombre()%>&nbsp;<%=dirigent.getApellidoPaterno()%>&nbsp;<%=dirigent.getApellidoMaterno()%></td>
										<td class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											
								  			<button type="submit" class="btn btn-default btn-sm glyphicon glyphicon-remove" name="accion" value="<%=a%>"></button>
								  			
								  		</td>
									</tr>
								<%}%>
						
							<%}%>
							
						</table>
					</div>
				</div>
				
				
				
				<div class="form-group">
				    <label class="col-sm-3 control-label">Temas a tratar</label>
				    <div class="col-sm-5">
				      <input type="text" class="form-control" placeholder="Temas a tratar en la junta..." name="txtTemas">
				    </div>
				    <div class="col-sm-3">
				      <button type="submit" class="btn btn-info glyphicon glyphicon-plus" name="accion" value="AgrTema"></button>
				    </div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label"></label>
					<div class="table-responsive col-md-8 ">
						<table class="table table-bordered table-condensed table-hover">
							<tr class="info">
							  <th class="col-md-1">#</th>
							  <th class="">Temas a tratar</th>
							  <th class="col-md-2">Eliminar</th>
							</tr>
							
							
							<% ArrayList<Tema> listTemas = (ArrayList<Tema>)request.getAttribute("LISTA_TEMAS");%>
							<%if (listTemas!=null)
							{	
								int indexT = 100;
								int enumerado = 0;
		 						for(Tema t: listTemas)
		 						{ 	indexT++;
		 							enumerado++;%>
									<tr class="">
										<td class=""><%=enumerado%></td>
										<td><%=t.getTema()%></td>
										<td class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							  				<button type="submit" class="btn btn-default btn-sm glyphicon glyphicon-remove" name="accion" value="<%=indexT%>"></button>
							  			</td>
									</tr>
								<%}%>
						
							<%}%>
							
						</table>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">Acuerdos finales</label>
					<div class="col-sm-5">
						<input type="text" class="form-control" placeholder="Ingrese los acuerdos finales" name="txtcomentario" style="width:575px;height:90px">
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-5"></div>
					<div class="col-sm-2">
					<button type="submit" class="btn btn-info" name="accion" value="aceptarRegistro">  Aceptar </button>
					</div> 
					<div class="col-sm-2">
					<button type="submit" class="btn btn-info"> Cancelar</button>
					</div>
				</div>
			</form>
	</div> 
	
	
 
</div>
<!--fin del tercer contenedor-->



</body>
</html>